HTML - tags - track tag

revision:

Content

syntax some examples

"track" tag : specifies text track for audio and video

top

The <track> tag specifies text tracks for <audio> or <video> elements. This element is used to specify subtitles, caption files or other files containing text, that should be visible when the media is playing.Tracks are formatted in WebVTT format (.vtt files).

Attributes: the <track> element supports the global attributes and events attributes.Specific attrbutes are:

default ; value: default;

specifies that the track is to be enabled if the user's preferences do not indicate that another track would be more appropriate.

kind ; value: captions, chapters, descriptions, metadata, subtitles;

specifies the kind of text track.

label ; value: text;

specifies the title of the text track.

src ; value: URL; required.

Specifies the URL of the track file.

srclang ; value: language_code;

specifies the language of the track text data (required if kind="subtitles").

Syntax

top

<track> . . . </track>

some examples

top

Codes:

                  <video style="margin-left:4vw;" width="320" height="240" controls>
                      <source src="../../pics/Wuzhen-20-10_02.mp4" type="video/mp4">
                      <source src="../../pics/Wuzhen-20-10_02.ogg" type="video/ogg">
                      <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
                      <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
                  </video>
Codes: 
                  <video controls poster="/images/sample.gif">
                      <source src="sample.mp4" type="video/mp4">
                      <source src="sample.ogv" type="video/ogv">
                      <track kind="captions" src="sampleCaptions.vtt" srclang="en">
                      <track kind="descriptions" src="sampleDescriptions.vtt" srclang="en">
                      <track kind="chapters" src="sampleChapters.vtt" srclang="en">
                      <track kind="subtitles" src="sampleSubtitles_de.vtt" srclang="de">
                      <track kind="subtitles" src="sampleSubtitles_en.vtt" srclang="en">
                      <track kind="subtitles" src="sampleSubtitles_ja.vtt" srclang="ja">
                      <track kind="subtitles" src="sampleSubtitles_oz.vtt" srclang="oz">
                      <track kind="metadata" src="keyStage1.vtt" srclang="en" label="Key Stage 1">
                      <track kind="metadata" src="keyStage2.vtt" srclang="en" label="Key Stage 2">
                      <track kind="metadata" src="keyStage3.vtt" srclang="en" label="Key Stage 3">
                      
                      ...
                  </video>